<template>
  <div class="child">
    <p
      v-for="item in list"
      :key="item"
    >
      <slot :item="item"> {{ item }}</slot>
    </p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: ['red', 'green', 'blue']
    }
  }
}
</script>
<style lang="scss" scoped></style>
